<p *ngIf="!availableResources">Loading identity resources...</p>
<app-transfer-lists 
    *ngIf="availableResources" 
    [source]="availableResources" 
    [destination]="selectedResources" 
    [titlePropertyName]="'name'" 
    [subtitlePropertyName]="'description'" 
    (itemAdded)="addResource($event)" 
    (itemRemoved)="removeResource($event)"
    [options]="{ 
        sourceListTitle: 'Available Resources', 
        emptySourceListMessage: 'There are no available resources to assign.',
        destinationListTitle: 'Assigned Resources',
        emptyDestinationListMessage: 'There are no resources assigned to this client.'
    }" 
    #transferList>
</app-transfer-lists>
